<template>
	<view class="">
		<u-navbar :title="data" />
		<view class="body">
			<view class="carp" v-for="(item,index) in 5" style="margin-bottom: 30rpx;">
				<view class="carp_1">
					<text>课程购买成功</text>
					<text></text>
				</view>
				<view class="carp_2">
					您的《前瞻教育》课程购买成功，开始您的学习之旅 之旅吧
				</view>
				<view class="xian"></view>
				<view class="carp_3">
					<text>2021-12-12 24:00:00</text>
					<u-icon name="arrow-right" />
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: {},
			};
		},
		onLoad(option) {
			this.data = option.data
			console.log(this.data)
		},
	}
</script>

<style lang="scss">
	.body {
		padding-top: 50rpx;
		background-color: rgb(248, 248, 250);
		min-height: 1300rpx;

		.carp {
			background-color: #FFFFFF;
			padding: 20rpx;
			width: 90%;
			margin: auto;
			border-radius: 8rpx;

			.xian {
				height: 0px;
				border: 1rpx solid #E3E3E3;
				opacity: 1;
			}

			.carp_3 {
				text {
					font-size: 22rpx;
					font-family: HarmonyOS Sans;
					font-weight: 400;
					color: #131314;
					opacity: 1;
				}

				display: flex;
				justify-content: space-between;
				margin-top: 20rpx;
			}

			.carp_2 {
				margin: 20rpx 0 20rpx 0;
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #131314;
				opacity: 1;
			}

			.carp_1 {
				display: flex;
				justify-content: space-between;

				text:nth-of-type(1) {
					font-size: 32rpx;
					font-family: Source Han Sans SC;
					font-weight: bold;
					color: #131314;
					opacity: 1;
				}

				text:nth-of-type(2) {
					display: inline-block;
					background-color: #FF2424;
					border-radius: 100%;
					width: 20rpx;
					height: 20rpx;
				}
			}
		}
	}
</style>
